*{
	margin:0;
	padding: 0;
}
ul,ol,li{
	list-style: none;
}
.menu_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 3%;
	border-radius:0.38rem ;
	background: #fff;
	padding-top: .4rem;
}
.menu_list li{
	width: 25%;
	
}
.menu_list li i{
	display: flex;
	justify-content: center;
}
.menu_list li i img{
	width: 2.8rem;
	height:2.8rem;
}
.menu_list li p{
	text-align: center;
	font-size: 12px;
	margin:0;
	padding: .3rem 0;
}
.cd{
	background: url(../img/cdimg4.png) no-repeat center center; 
	background-size: 100% 100%;
	/* overflow: hidden; */
	width: 93%;
	height:auto;
	/* padding-bottom: 38%; */
	margin: 0 3.5%;
	padding: 2rem 0;
}
.cd .type{
	display: flex;
	justify-content: center;
	align-items: center;
}
.cd .type button{
	background:rgba(0,0,0,0.5); 
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); 
	 border:none;
	 color:#fff;
}
.health{
	padding: 0 3%;
}

.health_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.health_list li{
	margin-top:3px;
	padding: 1rem 0;
	width:-webkit-calc(50% - 1.5px);
	width:-moz-calc(50% - 1.5px); 
	width:calc(50% - 1.5px); 
	/* width: -moz-calc(50%-0.2rem);
	width: -webkit-calc(50%-0.2rem);
	width: calc(50%-0.2rem); */
	background: #fff;
}
.health_list li i{
	display: inline-block;
	text-align: center;
	width: 100%;
}
.health_list li i img{
	width: 9rem;
	height:auto;
}
.health_list li div{
	display: flex;
	justify-content: space-between;
	padding: .5rem 3%;
}
.health_list li div span{
	display: flex;
	align-items: center;
}
.health_list li div span:nth-of-type(1){
	font-size: 13px;
	
}
.health_list li div span:nth-of-type(2) img{
	width: 1rem;
	height:auto;;
}
.health_list li p{
	margin:0;
	padding: 0 3%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size: 12px;
	line-height: 20px;
}